<template>
  <el-menu :default-active="$route.path" router>
    <el-menu-item index="/after/home"><i class="el-icon-house"></i>首页</el-menu-item>
    <el-menu-item index="/after/info"><i class="el-icon-postcard"></i>信息管理</el-menu-item>
    <el-menu-item index="/after/grade"><i class="el-icon-c-scale-to-original"></i>成绩管理</el-menu-item>
    <el-menu-item index="/after/forum"><i class="el-icon-chat-dot-round"></i>论坛管理</el-menu-item>
    <el-menu-item index="/after/course"><i class="el-icon-notebook-1"></i>课程管理</el-menu-item>
  </el-menu>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.el-menu {
  border-right: 0px;
  padding-left: 5px;
  .el-menu-item {
    border-radius: 5px;
  }
  .el-menu-item.is-active {
    background-color: black !important;
    color: #ffffff;
    border-radius: 5px;
  }
  // .el-menu-item:hover {
  //   background-color: black;
  //   color: #ffffff;
  //   border-radius: 30px;
  // }
}
</style>